<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>付款</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/shoufeipay.css" />
</head>

<body>
    <div id="app" v-cloak>
        <div class="aui-content">
            <div v-if="is_mask" class="mask"></div>
            <div class="money">
                <div class="money_fullName">{{FullName}}</div>
                <div class="money_num">￥<span>{{money_pay_num}}</span></div>
                <div class="money_info">{{content}}
                </div>
            </div>
            <div class="money_pay">
                <div class="money_pay_title">在线支付</div>
                <div v-if="!is_QrCode" class="money_pay_list">
                    <label class="basicfont">
                        <div class="money_pay_list_input">
                            <input class="aui-radio" v-on:click="pay_type=1" type="radio" name="demo">
                        </div>
                        <div class="money_pay_list_img">
                            <img src="../image/pay_icon_zhifubao.png" />
                        </div>
                        <div class="money_pay_list_txt">
                            支付宝付款
                        </div>
                        <div class="cl"></div>
                    </label>
                    <label class="basicfont">
                        <div class="money_pay_list_input">
                            <input class="aui-radio" v-on:click="pay_type=2" type="radio" name="demo">
                        </div>
                        <div class="money_pay_list_img">
                            <img src="../image/pay_icon_weixin.png" />
                        </div>
                        <div class="money_pay_list_txt">
                            微信付款
                        </div>
                        <div class="cl"></div>
                    </label>
                </div>
                <div v-if="is_QrCode" class="money_pay_list">
                    <div class="txtcenter" v-if="is_wx">微信支付</div>
                    <div class="txtcenter" v-if="is_zfb">支付宝支付</div>
                </div>
                <div class="money_pay_list_erweima">
                    <div v-if="!is_QrCode" v-on:click="do_generate()" class="money_pay_list_erweima_txt">生成收款二维码</div>
                    <div v-if="is_QrCode" class="QrCode">
                        <img v-if="!pay_succeed" v-bind:src="QrCodeUrl" />
                        <p class="txtcenter" v-if="pay_succeed">付款成功<p>
                    </div>
                    <div v-if="is_QrCode" class="QrCodeInput">
                        <div v-on:click="cancel_pay()" class="QrCodeInput_right aui-btn">取消付款</div>
                    </div>
                </div>
            </div>
            <div v-if="is_under_pay" class="under_pay">
                <div class="money_pay_title">线下支付</div>
                <div class="money_pay_list">
                    <label class="basicfont">
                        <div class="money_pay_list_input">
                            <input class="aui-radio" v-on:click="pay_type=3" type="radio" name="demo">
                        </div>
                        <div class="money_pay_list_txt">
                            现金支付
                        </div>
                        <div class="cl"></div>
                    </label>
                </div>
                <div class="money_pay_list_erweima">
                  <div class="under_pay_list_erweima_txt">确认付款</div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-popup-new.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="js/shoufeipay.js"></script>

</html>
